<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>

		<style type="text/css">
			html,
			body {
				width: 100%;
				height: 100%;
			}
			
			.mui-content {
				width: 100%;
				height: 100%;
				background: url(img/login/denglu-bg.jpg) no-repeat;
				background-size: cover;
			}
			
			.mui-bar-nav {
				background: #cfd94c;
			}
			
			.mui-title {
				color: #fff;
				letter-spacing: 6px;
			}
			
			.dl-con {
				width: 90%;
				height: 11.4rem;
				margin: 0 5%;
				background: #fff;
				background: rgba(255, 255, 255, .7);
				border-radius: 0.18rem;
				margin-top: 10.3rem;
				padding-top: 0.6rem;
			}
			
			.other {
				width: 100%;
				text-align: center;
				margin-top: 0.4rem;
				position: relative;
			}
			
			.kuaijie {
				color: #8f8c8e;
				/*font-size: 0.43rem;*/
				font-family: "微软雅黑";
				margin-bottom: 0.2rem;
			}
			
			.other #qq {
				left: 25%;
			}
			
			.other img {
				width: 60px;
				height: 60px;
				position: absolute;
			}
			
			.other #weixin {
				left: 50%;
				top: 10px;
				margin-left: -30px;
			}
			
			.dl-btn {
				width: 100%;
				height: 88px;
				position: relative;
			}
			
			.denglu {
				text-align: center;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" id="app-header">
			<h1 class="mui-title" id="denglu-title">全域旅游</h1>
		</header>
		<div id="login" class="mui-content">
			<div class="dl-con">
				<div class="other">
					<div class="kuaijie">快捷方式登录</div>
					<div class="dl-btn">
						<!--<img id="qq" src="img/login/dl-qq.png">-->
						<img id="weixin" src="img/login/dl-weixin.png" />
					</div>
				</div>
				<div id="xieyi" class="denglu">
					<label><input type="checkbox" id="checkbox" checked="checked"/>已阅读</label>
					<a href=" ">《用户注册协议》</a>
				</div>
			</div>
		</div>
	</body>
	<script src="js/function.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/FirstPage.js" type="text/javascript" charset="utf-8"></script>
</html>